// 当页面中的所有资源（标签元素，css样式，图片等）全部加载完之后执行js代码
window.onload = function () {
    // 给表单注册事件
    var form = document.getElementById("form");
    //获取用户名
    var username = document.getElementById("username");
    //获取密码
    var password = document.getElementById("password");
    //获取校验密码
    var repeatPwd = document.getElementById("repeatPwd");
    //1，创建用户正则表达式
    var userReg = /^[a-zA-Z][a-zA-Z0-9_]{4,15}$/;
    var pwdReg = /^[a-zA-Z]\w{5,17}$/;

    //选中同意框，才能提交
    var isAgree = document.getElementById("isAgree");
    isAgree.onclick = function () {
        //判断如果选中复选框，接触按钮的禁用
        if(this.checked){
            var submit = document.getElementById("submit");
            submit.disabled = false;
        }
    }

    //用户名验证（失去焦点验证用户名是否正确）
    username.onblur = function(){
        //3,验证用户名(注意这里要加上value)
        var userres = userReg.test(username.value);
        var userMsg = document.getElementById("userMsg");
        //4,判断结果(只判断错误的时候)
        if(!userres){
            userMsg.innerHTML = "用户名错误";
            userMsg.className = "red";
        }else{
            userMsg.style.display = "none"
        }
    }
    // //验证密码
    // password.onblur = function () {
    //     //验证密码
    //     var pwdres = pwdReg.test(password.value);
    //     var pwdMsg = document.getElementById("userMsg");
    //     if(!pwdres){
    //         pwdMsg.innerHTML = "密码错误";
    //         pwdMsg.className = "red";
    //     }else {
    //         pwdMsg.style.display = "none";
    //     }
    // }















        //校验密码
        if(!(repeatPwd.value == password.value)){
            alert("校验密码不正确");
            repeatPwd.focus();
            return false;
        }








}